{extend name="base2" /}
{block name="style"}
<link rel="stylesheet" href="__STATIC__/doclist/css/download.css">
<style>
    #search{
        display: none;
    }
</style>
{/block}
{block name="body"}
    <div class="download_box">
        <div class="left">
            <div class="content">
                {if condition = "$type eq 'image'"}
                <img src="{$res_info.thumb}" alt="">
                {elseif condition = "$type eq 'wenan' || $type eq 'shenhe'" /}
                <iframe src="{$res_info.wenan_path}" frameborder="0"></iframe>
                {/if}
            </div>
            <div class="keyword">
                <b>关键字：</b>
                <p>
                    <span>母亲节</span>
                    <span>首页</span>
                    <span>时尚大气</span>
                    <span>甜美</span>
                    <span>手绘</span>
                    <span>女装</span>
                    <span>珠宝首饰</span>
                    <span>珠宝首饰</span>
                    <span>珠宝首饰</span>
                    <span>感恩</span>
                    <span>家居</span>
                </p>
            </div>
            <!-- <ul class="comment">
                <li>
                    <div class="headpic">
                        <img src="__STATIC__/doclist/images/asdasdsad.png" alt="">
                    </div>
                    <div class="msg">
                        <p class="info">
                            <span class="name">凉茶妹妹Coco</span>
                            <span class="tag">5分钟</span>
                        </p>
                        <p class="text">
                            视频服务平台,提供视频播放,视频发布,视频搜索,视频分享...
                        </p>
                    </div>
                </li>
            </ul> -->
            <!-- <div class="send_comment">
                <form id="send_comment" action="https://sn.shangning.site/index/test/testapi" method="post">
                    <div class="input">
                        <textarea name="content" placeholder="添加你的评论"></textarea>
                    </div>
                    <button type="button" class="form_submit submit">登录</button>
                </form>
            </div> -->
        </div>
        <div class="right">
            <div class="opt">
                <a href="/index/download/getfile/id/{$res_info.id}/type/{$type}" class="btn">
                   <img class="img_icon a1" src="__STATIC__/doclist/icon/download.png">立即下载</a>
                   {if condition = "$type eq 'image'"}
                   <a href="{$res_info.thumb}" target="_blank" class="btn">
                   {elseif condition = "$type eq 'wenan' || $type eq 'shenhe'" /}
                   <a href="{$res_info.wenan_path}" target="_blank" class="btn">
                   {/if}
                    <img class="img_icon a2" src="__STATIC__/doclist/icon/preview.png">预览模式</a>
                <a href="#" class="btn btn_1">
                    <img class="img_icon a3" src="__STATIC__/doclist/icon/unlike.png">收&emsp;&emsp;藏</a>
            </div>
            <ul class="info">
                <li>
                    <span>分类：</span>{$res_info.name}
                    <i class="tag">{:config('type')[$res_info.type]['name']}</i>
                </li>
            </ul>
            <div class="share">
                分享至：
                <a href="###">
                        <img class="img_icon" src="__STATIC__/doclist/icon/qq.png">
                </a>
                <a href="###">
                        <img class="img_icon" src="__STATIC__/doclist/icon/wechat.png">
                </a>
                <a href="###">
                        <img class="img_icon" src="__STATIC__/doclist/icon/weibo.png">
                </a>
            </div>
            <div class="minad">
                <img src="__STATIC__/doclist/images/asdasdasdasdasd.png" alt="">
            </div>
        </div>
    </div>

    <div class="pic_list">
        <div class="title">
            <b>推荐热门</b>
        </div>
        <div class="list">
            {if condition = "$type eq 'wenan' || $type eq 'shenhe'"}
                {foreach name = "rec_wenan" item = "w"}
                <div class="item" type="pic">
                    <div class="img">
                        <img src="{$w.thumb}" alt="">
                        <div class="tag">原创</div>
                        <div class="hover">
                            <div class="like">收藏</div>
                            <a href="/index/download/download/type/{$type}/id/{$w.id}" target="_blank" class="download">
                                <i class="mdui-icon material-icons">vertical_align_bottom</i>点击下载</a>
                        </div>
                    </div>
                    <p>{$w.title}</p>
                </div>
                {/foreach}
            {else /}
                {foreach name = "rec_img" item = "i"}
                <div class="item" type="pic">
                    <div class="img">
                        <img src="{$i.thumb}" alt="">
                        <div class="tag">原创</div>
                        <div class="hover">
                            <div class="like">收藏</div>
                            <a href="/index/download/download/type/{$type}/id/{$i.id}" target="_blank" class="download">
                                <i class="mdui-icon material-icons">vertical_align_bottom</i>点击下载</a>
                        </div>
                    </div>
                    <p>{$i.title}</p>
                </div>
                {/foreach}
            {/if}
        </div>
    </div>

    {/block}